<style lang="less">
// // 侧边栏
// .right-aside {
//   // 分割线的外边距 上下 距离
//   .ivu-divider-horizontal {
//     margin: 10px 0;
//   }
//   .request-option-detail {
//     // margin-top: 9px;
//     .ivu-form-item-label {
//       font-size: 15px;
//     }
//     // 表单元素上下距离
//     .ivu-form-item {
//       margin-bottom: 10px;
//     }
//   }
//   .request-option-button {
//     margin-top: 9px;
//     height: 29px;
//   }
//   .title {
//     font-size: 13px;
//     font-weight: bold;
//     margin: 5px 6px;
//   }
// }
</style>
<template>
  <div class="right-aside">
    <div>
      <div v-if="reportObject.showOrHandle === 1">
        <p>
          <span class="title">违规类型:</span>
          <span v-if="reportObject.reportType === 1">含有敏感词</span>
          <span v-else>其他</span>
        </p>
        <p v-if="reportObject.reportType === 2">
          <span class="title">描述</span>
          <Input v-model="reportObject.desc" type="textarea" readonly/>
        </p>
      </div>
      <div style=" margin-top: 9px;" v-if="reportObject.showOrHandle === 1">
        <Divider/>
        <div>
          <p>
            <span class="title">{{reportObject.targetName}}类型:</span>
            <span>{{reportObject.targetName}}</span>
          </p>
          <p v-if="reportObject.reqAnsType === 1">
            <span class="title">{{reportObject.targetName}}标题:</span>
            <span>{{reportObject.title}}</span>
          </p>
          <div>
            <span class="title">{{reportObject.targetName}}内容</span>
            <Reqeust-answer-content :content="reportObject.content"/>
          </div>
        </div>
      </div>
      <div v-if="reportObject.showOrHandle !== 1">
        <Form :model="reportObject" label-position="left" ref="reportObject">
          <FormItem label="违规处理">
            <RadioGroup v-model="reportObject.handleType">
              <Radio :label="1">撤销</Radio>
              <Radio :label="2">违规</Radio>
            </RadioGroup>
          </FormItem>
        </Form>
      </div>
    </div>
  </div>
</template>
<script>
import ReqeustAnswerContent from '@/view/ora-web/request-answer/RequestAnswerContent.vue'

export default {
  name: 'ReportDetailsCard',
  components: {
    ReqeustAnswerContent
  },
  props: ['reportObject'],
  data () {
    return {}
  },
  methods: {
    test () {
      debugger
    },

    // 页面初始化
    init () {}
  },
  mounted: function () {
    this.init()
  }
}
</script>
